<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css3_web字体属性</title>
    <style>
        .font{
            @font-face {
                font-family: "font";
                src: url("../font/font.ttf");
            }
        }
    </style>
</head>
<body>
<!--
    基本用法：
        可以通过@font-face标签，将字体文件引入到项目中，然后通过font-family属性，指定字体的名称，就可以使用字体了。
        语法（简写方式）
        @font-face{
            font-family: "font";
            src: url("../font/font.ttf");
        }
        语法（高兼容性写法）
        @font-face{
            src:url('webfont.eot?#iefix')format('embedded-opentype'), /* IE6-IE8 */
            url('webfont.woff2')format('woff2'),
            url('webfont.woff')format('woff'),/* chrome、firefox */
            url('webfont.ttf')format('truetype'),/* chrome、firefox、opera、Safari, Android*/
            url('webfont.svg#webfont')format('svg');/* i0s 4.1- */
        }
        定制字体：
            中文的字体文件很大，使用完整的字体文件现实，通常争对某几个文字进行单独定制
            可以使用阿里web字体定制工具：https://www.iconfont.cn/
    字体图标：
        相比图片更加清晰
        灵活性高，更加方便改变大小、颜色、风格等。
        兼容性好,IE也能支持。
        字体图标的具体使用方式，每个平台不尽相同。
-->
    <div class="font">天若有情天亦老，人间正道是沧桑。</div>
</body>
</html>